<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/common/header.jsp"%>
<html>
<body class="easyui-layout list_body">
	<form id="menuForm" name="menuForm">
		<div class="list_body_north" data-options="region:'north'" border="false">
			<!-- 查询表单 -->
			<div style="padding: 3px" class="easyui-panel datagrid-toolbar">
				<div>
					<span>清算开始日期:</span>
					<input type="text" id="stl_dt_start" value="${currentDate}" name="stl_dt_start" class="easyui-datebox" data-options="editable:false"/>
					<span>清算结束日期:</span>
					<input type="text" id="stl_dt_end" value="${currentDate}" name="stl_dt_end" class="easyui-datebox" data-options="editable:false"/>
					<span>会员编号:</span>
					<input type="text" id="custom_no" name="custom_no" class="easyui-textbox" /> 
					<span>会员名称:</span> 
					<input type="text" id="custom_name" name="custom_name" class="easyui-textbox" /> 
					<br/>
					<span>会员手机号:</span>
					<input type="text" id="custom_login_id" name="custom_login_id" class="easyui-textbox" /> 
					<a href="#" class="easyui-linkbutton btn" iconCls="icon-search" onclick="doSearch()">查询</a> 
					<a href="#" class="easyui-linkbutton btn" iconCls="icon-reload" onclick="resetForm()">重置</a>
				</div>
			</div>
			<jiepos:buttonOperateTag menuCode="${menuCode }"></jiepos:buttonOperateTag>
		</div>
		<div data-options="region:'center'" border="false" class="list_body_center">
			<!-- 表格 -->
			<table id="menuTableId" fit="true"></table>
		</div>
	</form>
</body>
<script type="text/javascript">
	var grid;
	$(function() {
		/*加载表格数据*/
		grid = $("#menuTableId").jpgrid({
			url : "getStlCustomListJson.do",
			baseColumns: false,
			columns : [ {
				title : "清算日期",
				field : "STL_DT",
				align : 'center'
			}, {
				title : "会员编号",
				field : "CUSTOM_NO",
				align : 'center'
			}, {
				title : "会员名",
				field : "CUSTOM_NAME",
				align : 'center'
			}, {
				title : "总行行号",
				field : "SUPER_BANK_NO",
				align : 'center'
			}, {
				title : "总行名称",
				field : "SUPER_BANK_NM",
				align : 'center'
			}, {
				title : "清算资金开户行号",
				field : "SETTLE_BANK_NO",
				align : 'center'
			}, {
				title : "清算资金帐号",
				field : "SETTLE_ACCT",
				align : 'center'
			}, {
				title : "清算资金帐户名称",
				field : "ACCT_NM",
				align : 'center'
			}, {
				title : "清算资金开户行名称",
				field : "BANK_NM",
				align : 'center'
			}, {
				title : "证件号",
				field : "CERTIFICATE_NO",
				align : 'center'
			}, {
				title : "清算金额",
				field : "STL_AMT",
				align : 'center'
			}, {
				title : "手续费",
				field : "MIDFEE",
				align : 'center'
			}],
			queryParams: getQueryParams()
		});
	});

	function doSearch() {
		grid.load(getQueryParams());
	}
	
	function exportFile(url){
		commonFileDownload(url, "menuForm");
	}
	
	function getQueryParams(){
		var data = {
			stl_dt_start : $('#stl_dt_start').val(),
			stl_dt_end : $('#stl_dt_end').val(),
			custom_no : $('#custom_no').val(),
			custom_name : $('#custom_name').val(),
			custom_login_id : $('#custom_login_id').val()
		}
		return data;
	}
</script>
</html>
